<!DOCTYPE HTML>
<html>
<head>
    <title>&#29992;&#25143;&#30331;&#24405;</title>
    <!-- Custom Theme files -->
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <!-- Custom Theme files -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Login form web template, Sign up Web Templates, Flat Web Templates, Login signup Responsive web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
    <script src="js/jquery-2.0.3.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/common.js"></script>
    <script src="js/bootstrap-select.js"></script>
    <!--Google Fonts-->
    <%--<link href='http://fonts.useso.com/css?family=Roboto:500,900italic,900,400italic,100,700italic,300,700,500italic,100italic,300italic,400' rel='stylesheet' type='text/css'>--%>
    <%--<link href='http://fonts.useso.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>--%>
    <!--Google Fonts-->
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $(".scroll").click(function(event){
                event.preventDefault();
                $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
            });
        });
        function clickLogin(){
            $.ajax({
                type: 'POST',
                url: './checkLogin.love',
                dataType: 'json',
                data:{
                    username:$("#username").val(),
                    password:$("#password").val()
                },
                success: function (data) {
                    if(data.isSuccess){
                        $("#loginForm").submit();
                    }
                    else{
                        alert(data.error)
                    }
                }
            });
        }
    </script>
</head>
<body>
<div class="login">
    <h2>&#29577;&#26757;&#38144;&#21806;&#31649;&#29702;&#24179;&#21488;</h2>
    <div class="login-top">
        <h1>&#29992;&#25143;&#20449;&#24687;</h1>
        <form id="loginForm" method="post" action="./main.love">
            <input id="username" name="username" type="text" placeholder="&#27809;&#24536;&#35760;&#29992;&#25143;&#21517;&#21543;&#65311;yumei">
            <input id="password" name="password" type="password" placeholder="&#23494;&#30721;&#22914;&#26524;&#35760;&#19981;&#20303;&#65292;&#23601;&#30475;&#36825;&#37324;&#12290;&#12290;&#12290;123456">
        </form>
        <div class="forgot">
            <a href="#">&#24536;&#35760;&#23494;&#30721;&#65311;</a>
            <input type="submit" value="&#30331;&#24405;" onclick="clickLogin()" >
        </div>
    </div>
    <div class="login-bottom">
        <h3>&#26032;&#29992;&#25143;&nbsp;<a href="javascript:void(0)" onclick="register()">&#27880;&#20876;</a></h3>
    </div>
</div>
<div class="copyright">
    <p>Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="#">&#29577;&#26757;&#21518;&#21488;&#31649;&#29702;</a></p>
</div>


</body>
</html>